import * as echarts from "echarts";

export const xunhecishuopt = {
  title: {
    text: "巡河次数统计分析",
    left: "center",
    // top: "2%",
  },
  tooltip: {
    trigger: "item",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  grid: {
    left: "4%",
    right: "10",
    bottom: "0",
    top: "23%",
    containLabel: true,
  },
  legend: {
    data: ["应巡河次数", "实际巡河次数", "达标率"],
    left: "7%",
    top: "9%",
    textStyle: {
      color: "#666666",
    },
  },
  xAxis: {
    type: "category",
    data: ["张三", "李四", "王五", "小林", "小冯", "林武", "杨器", "小雨"],
    axisLine: {
      lineStyle: {
        color: "#cdd5e2",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#666666",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: "#666666",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
    },
    {
      type: "value",
      name: "百分比",
      nameTextStyle: {
        color: "#666666",
      },
      position: "right",
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        show: true,
        formatter: "{value} %", //右侧Y轴文字显示
        textStyle: {
          color: "#666666",
        },
      },
    },
  ],
  series: [
    {
      name: "应巡河次数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#29acff",
            },
            {
              offset: 1,
              color: "#4bdfff",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [200, 200, 200, 200, 200, 200, 200, 200, 150],
    },
    {
      name: "实际巡河次数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#3d93f2",
            },
            {
              offset: 1,
              color: "#5dc1fd",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [145, 127, 178, 129, 197, 190, 157, 186, 126],
    },
    {
      name: "调解成功率",
      type: "line",
      yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
      smooth: false, //平滑曲线显示
      symbol: "circle", //标记的图形为实心圆
      symbolSize: 8, //标记的大小
      itemStyle: {
        normal: {
          color: "#ffa43a",
          borderColor: "rgba(255, 234, 0, 0.5)", //圆点透明 边框
          borderWidth: 5,
        },
      },
      lineStyle: {
        color: "#ffa43a",
      },

      data: [80, 79, 84.8, 83.5, 82.9, 82.8, 83, 85],
    },
  ],
};

export const faxianwentiopt = {
  title: {
    text: "发现问题统计分析",
    left: "center",
    // top: "2%",
  },
  tooltip: {
    trigger: "item",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  grid: {
    left: "4%",
    right: "0%",
    bottom: "0",
    top: "23%",
    containLabel: true,
  },
  legend: {
    data: ["发现问题数量", "已办完结数量"],
    left: "7%",
    top: "9%",
    textStyle: {
      color: "#666666",
    },
  },
  xAxis: {
    type: "category",
    data: ["张三", "李四", "王五", "小林", "小冯", "林武", "杨器", "小雨"],
    axisLine: {
      lineStyle: {
        color: "#cdd5e2",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#666666",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: "#666666",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
    },
  ],
  series: [
    {
      name: "发现问题数量",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#29acff",
            },
            {
              offset: 1,
              color: "#4bdfff",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [145, 125, 127, 139, 127, 186, 123, 146, 118],
    },
    {
      name: "已办完结数量",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#3d93f2",
            },
            {
              offset: 1,
              color: "#5dc1fd",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [126, 116, 115, 137, 157, 104, 108, 98],
    },
  ],
};

export const hhnumOption = {
  title: {
    text: "河、湖长人数统计",
    left: "center",
    // top: "2%",
  },
  tooltip: {
    trigger: "item",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  grid: {
    left: "4%",
    right: "0%",
    bottom: "0",
    top: "23%",
    containLabel: true,
  },
  legend: {
    data: ["湖长人数", "河长人数"],
    left: "7%",
    top: "11%",
    textStyle: {
      color: "#666666",
    },
  },
  xAxis: {
    type: "category",
    data: [
      "泰山路街道",
      "栗雨街道",
      "马家河街道",
      "群丰镇",
      "雷打石镇",
      "三门镇",
    ],
    axisLine: {
      lineStyle: {
        color: "#cdd5e2",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#666666",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: "#666666",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
    },
  ],
  series: [
    {
      name: "湖长人数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#29acff",
            },
            {
              offset: 1,
              color: "#4bdfff",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [12, 10, 8, 21, 7, 13],
    },
    {
      name: "河长人数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#3d93f2",
            },
            {
              offset: 1,
              color: "#5dc1fd",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [11, 15, 13, 12, 9, 6],
    },
  ],
};

export const hhzbhqsoption = {
  title: {
    text: "河湖长数变化趋势",
    left: "center",
    // top: "2%",
  },
  tooltip: {
    trigger: "item",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  grid: {
    left: "4%",
    right: "0%",
    bottom: "0",
    top: "23%",
    containLabel: true,
  },
  legend: {
    data: ["河湖长总数", "去年同比"],
    left: "7%",
    top: "9%",
    textStyle: {
      color: "#666666",
    },
  },
  xAxis: {
    type: "category",
    data: [
      "泰山路街道",
      "栗雨街道",
      "马家河街道",
      "群丰镇",
      "雷打石镇",
      "三门镇",
    ],
    axisLine: {
      lineStyle: {
        color: "#cdd5e2",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#666666",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: "#666666",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
    },
    {
      type: "value",
      name: "百分比",
      nameTextStyle: {
        color: "#666666",
      },
      position: "right",
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        show: true,
        formatter: "{value} %", //右侧Y轴文字显示
        textStyle: {
          color: "#666666",
        },
      },
    },
  ],
  series: [
    {
      name: "河湖长总数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#29acff",
            },
            {
              offset: 1,
              color: "#4bdfff",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [200, 200, 200, 200, 200, 200, 200, 200, 150],
    },
    {
      name: "去年同比",
      type: "line",
      yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
      smooth: false, //平滑曲线显示
      symbol: "circle", //标记的图形为实心圆
      symbolSize: 8, //标记的大小
      itemStyle: {
        normal: {
          color: "#ffa43a",
          borderColor: "rgba(255, 234, 0, 0.5)", //圆点透明 边框
          borderWidth: 5,
        },
      },
      lineStyle: {
        color: "#ffa43a",
      },

      data: [80, 79, 84.8, 83.5, 82.9, 82.8, 83, 85],
    },
  ],
};

export const hhmjpieoption = {
  color: [
    "#3254DD",
    "#EF7BE3",
    "#22E59C",
    "#F9925A",
    "#22E5E5",
    "#D52E5F",
    "#2579EA",
    "#E3E832",
    "#EA3D19",
  ],
  title: {
    text: "2024年天元区河湖面积统计",
    left: "center",
    top: 10
  },
  tooltip: {
    trigger: "item",
    extraCssText:
      "width: 128px;  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);",
    formatter: (params) => {
      let str =
        (params.data &&
          `<div style="font-weight: bold;">${params.name}</div>
            <div style="display:flex; justify-content: space-between; align-items: center;">
                <span><span style="display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: ${
                  params.color
                }; margin-right: 4px;"></span>占比</span>
                <span>${params.percent}%</span>
            </div>`) ||
        "";
      return str;
    },
  },
  series: [
    {
      type: "pie",
      radius: "65%",
      center: ["50%", "60%"],
      label: {
        normal: {
          formatter: "{xx|{b}：}{c} 个",
          rich: {
            xx: {
              fontSize: 14,
              lineHeight: 32,
            },
          },
        },
      },
      data: [
        { value: 148, name: "水库面积" },
        { value: 35, name: "湿地面积" },
        { value: 58, name: "湖泊面积" },
        { value: 48, name: "坑塘面积" },
      ],
      itemStyle: {
        emphasis: {
          // 鼠标经过扇形区域时的阴影效果
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: "rgba(0, 0, 0, 0.5)",
        },
      },
      labelLine: {
        normal: {
          length: 5,
          length2: 20,
          smooth: true,
        },
      },
    },
  ],
};

var getName = [
  "张三",
  "李四",
  "王五阳",
  "赵六",
  "孙二",
  "付子西",
  "刘八",
  "周十",
  "韩聪",
];
var getValue = [1026, 865, 826, 808, 756, 720, 705, 701, 698];
var max = Math.max(...getValue);
var getMax = [];
var labelColor = ["#FFD401", "#00FBAF", "#00EDFC"];
for (var i = 0; i < getName.length; i++) {
  getMax.push(max);
}
var emptyData = getValue.map((v, i) => {
  let color = i > 2 ? "#00B2FF" : labelColor[i];
  let item = {
    value: v,
    label: {
      formatter: "{a|" + v + "次}",
      position: "right",
      distance: 5,
      rich: {
        a: {
          color: color,
          borderColor: color,
          // borderWidth: 1,
          // borderType: 'dashed',
          padding: [0, 0, 2, 0],
          width: 60,
          height: 18,
          fontWeight: "bold",
          fontFamily: "ACENS",
          align: "left",
          verticalAlign: "middle",
        },
      },
    },
  };
  return item;
});

export const paixuparb = {
  grid: {
    left: "-8",
    right: "30",
    bottom: "0",
    top: "0",
    containLabel: true,
  },
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "none",
    },
    formatter: function (params) {
      return params[0].name + " : " + params[0].value + '次';
    },
  },
  xAxis: {
    show: false,
    type: "value",
  },
  yAxis: [
    {
      type: "category",
      inverse: true,
      offset: 70,

      axisLabel: {
        show: true,
        align: "left",
        textStyle: {
          color: "#66cc00",
        },
        // lineHeight: 30,
        formatter: function (value, index) {
          var num = "";
          var str = "";
          num = index + 1;
          if (index === 0) {
            str = "   {num1|" + num + "} {title1|" + value + "}";
          } else if (index === 1) {
            str = "   {num2|" + num + "} {title2|" + value + "}";
          } else if (index === 2) {
            str = "   {num3|" + num + "} {title3|" + value + "}";
          } else {
            str = "   {num|" + num + "} {title|" + value + "}";
          }
          return str;
        },
        rich: {
          num: {
            color: "#fff",
            width: 20,
            height: 20,
            fontSize: 14,
            align: "center",
            // lineHeight: 14,
            borderRadius: 100,
          },
          num1: {
            color: labelColor[0],
            width: 20,
            height: 20,
            fontSize: 14,
            align: "center",
            // lineHeight: 100,
            backgroundColor: "rgba(255,212,1,0.5)",
          },
          num2: {
            color: labelColor[1],
            width: 20,
            height: 20,
            fontSize: 14,
            align: "center",
            backgroundColor: "rgba(0,251,175,0.5)",
          },
          num3: {
            color: labelColor[2],
            width: 20,
            height: 20,
            fontSize: 14,
            align: "center",
            backgroundColor: "rgba(0,237,252,0.5)",
          },
          title: {
            color: "#fff",
          },
          title1: {
            color: labelColor[0],
          },
          title2: {
            color: labelColor[1],
          },
          title3: {
            color: labelColor[2],
          },
        },
      },
      splitLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
      data: getName,
    },
  ],
  series: [
    {
      name: "值",
      type: "bar",
      zlevel: 1,
      label: {
        show: true,
        position: "right",
        color: "#fff",
        fontSize: 14,
        offset: [5, 0],
      },
      itemStyle: {
        normal: {
          barBorderRadius: 30,
          color: (val) => {
            if (val.dataIndex > 2) {
              return new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                {
                  offset: 0,
                  color: "rgb(128,204,255,1)",
                },
                {
                  offset: 1,
                  color: "rgb(46,200,207,1)",
                },
              ]);
            } else {
              return new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                {
                  offset: 0,
                  color: labelColor[val.dataIndex],
                },
                {
                  offset: 1,
                  color: labelColor[val.dataIndex],
                },
              ]);
            }
          },
        },
      },
      barWidth: 3,
      data: emptyData,
    },
  ],
};
let top = "16%";
let bottom = 18;
var labelData = ["召开会议", "工作简报", "督查次数", "问责次数", "信息宣传"];
//
export const hzzgzqkoption = {
  title: {
    text: "天元区河长制工作情况分析对比",
    left: "center",
    top: '0',
  },
  legend: {
    data: ["统计数据", "同期去年"],
    top: "11%",
  },
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "shadow",
    },
    formatter: function (a) {
      var v = a[0];
      return (
        v.name + "<br/>" + v.marker + v.seriesName + "：" + Math.abs(v.value)
      );
    },
  },
  xAxis: [
    {
      type: "value",
      min: -100,
      max: 0,
      gridIndex: 0,
      axisTick: {
        show: false,
      },
      axisLabel: {
        show: true,
        formatter: function (v) {
          return v * -1;
        },
      },
      axisLine: {
        show: false,
      },
      splitLine: {
        show: false,
      },
    },
    {
      type: "value",
      gridIndex: 1,
      min: 0,
      max: 100,
      axisTick: {
        show: false,
      },
      axisLine: {
        show: false,
      },
      axisLabel: {
        show: true,
      },
      splitLine: {
        show: false,
      },
    },
  ],
  yAxis: [
    {
      type: "category",
      gridIndex: 0,
      inverse: true,
      data: labelData,
      axisTick: {
        show: false,
      },
      axisLabel: {
        show: false,
      },
      axisLine: {
        show: false,
      },
    },
    {
      type: "category",
      gridIndex: 1,
      inverse: true,
      data: labelData,
      axisTick: {
        show: false,
      },
      axisLabel: {},
      axisLine: {
        show: false, //是否显示轴线
      },
    },
  ],
  grid: [
    {
      right: "60%",
      containLabel: false,
      bottom,
      top,
    },
    {
      left: "60%",
      containLabel: false,
      bottom,
      top,
    },
  ],
  color: ["#2FACFA", "#F5A623"],
  series: [
    {
      name: "统计数据",
      type: "bar",
      barWidth: 15,
      gridIndex: 0,
      itemStyle: {
        normal: {
          show: true,
          color: "#5de3e1",
          barBorderRadius: 50,
          borderWidth: 0,
          borderColor: "#333",
          label: {
            show: true,
            position: "left",
            formatter: function (v) {
              return v.value * -1;
            },
          },
        },
      },
      data: [-50, -28, -40, -45, -38],
    },
    {
      name: "同期去年",
      type: "bar",
      barWidth: 15,
      xAxisIndex: 1,
      yAxisIndex: 1,
      itemStyle: {
        normal: {
          show: true,
          color: "#8A3EEB",
          barBorderRadius: 50,
          borderWidth: 0,
          borderColor: "#333",
          label: {
            show: true,
            position: "right",
            formatter: function (v) {
              return v.value;
            },
          },
        },
      },
      data: [50, 28, 80, 65, 68],
    },
  ],
};

export const hzzgzzboption = {
  tooltip: {
    trigger: "item",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  grid: {
    left: 10,
    right: 10,
    bottom: 5,
    top: "10",
    containLabel: true,
  },
  xAxis: {
    type: "category",
    data: ["监测站1", "监测站2", "监测站3", "监测站4", "监测站5"],
    axisLine: {
      lineStyle: {
        color: "#fff",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#fff",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: "#fff",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#fff",
        },
      },
    },
  ],
  series: [
    {
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#29acff",
            },
            {
              offset: 1,
              color: "#4bdfff",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [75, 87, 79, 63, 92],
    },
  ],
};

let echartData = [
  {
    name: "2015",
    value1: 4,
    value2: 5,
    value3: 9,
  },
  {
    name: "2016",
    value1: 6,
    value2: 5,
    value3: 11,
  },
  {
    name: "2017",
    value1: 7,
    value2: 7,
    value3: 14,
  },
  {
    name: "2018",
    value1: 6,
    value2: 9,
    value3: 15,
  },
  {
    name: "2019",
    value1: 6,
    value2: 5,
    value3: 11,
  },
  {
    name: "2020",
    value1: 4,
    value2: 5,
    value3: 9,
  },
  {
    name: "2021",
    value1: 3,
    value2: 5,
    value3: 8,
  },
  {
    name: "2022",
    value1: 4,
    value2: 5,
    value3: 9,
  },
  {
    name: "2023",
    value1: 4,
    value2: 5,
    value3: 9,
  },
  {
    name: "2024",
    value1: 4,
    value2: 5,
    value3: 9,
  },
  {
    name: "2025",
    value1: 3,
    value2: 5,
    value3: 8,
  },
];

let xAxisData = echartData.map((v) => v.name);
//  ["1", "2", "3", "4", "5", "6", "7", "8"]
let yAxisData1 = echartData.map((v) => v.value1);
// [100, 138, 350, 173, 180, 150, 180, 230]
let yAxisData2 = echartData.map((v) => v.value2);

let yAxisData3 = echartData.map((v) => v.value3);
// [233, 233, 200, 180, 199, 233, 210, 180]
const hexToRgba = (hex, opacity) => {
  let rgbaColor = "";
  let reg = /^#[\da-f]{6}$/i;
  if (reg.test(hex)) {
    rgbaColor = `rgba(${parseInt("0x" + hex.slice(1, 3))},${parseInt(
      "0x" + hex.slice(3, 5)
    )},${parseInt("0x" + hex.slice(5, 7))},${opacity})`;
  }
  return rgbaColor;
};
export const hcstlineoption = {
  title: {
    text: "天元区县近10年黑臭水体变化趋势",
    left: "center",
    top: "2%",
  },
  legend: {
    right: 10,
    top: "13%",
  },
  tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "shadow",
      shadowStyle: {
        shadowBlur: 5,
      },
    },
  },
  grid: {
    left: "3%",
    right: "20",
    bottom: "0",
    top: "23%",
    containLabel: true,
  },
  xAxis: [
    {
      type: "category",
      boundaryGap: false,
      axisLabel: {
        formatter: "{value}",
        textStyle: {
          color: "#333",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#464444ff",
        },
      },
      data: xAxisData,
    },
  ],
  yAxis: [
    {
      type: "value",
      name: "",
      axisLabel: {
        textStyle: {
          color: "#666",
        },
      },
      nameTextStyle: {
        color: "#666",
        fontSize: 12,
        lineHeight: 40,
      },
      splitLine: {
        lineStyle: {
          type: "dashed",
          color: "rgba(63, 58, 58, 1)",
        },
      },
      axisLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
    },
  ],
  series: [
    {
      name: "黑臭河道数",
      type: "line",
      smooth: true,
      symbolSize: 8,
      zlevel: 3,
      lineStyle: {
        normal: {
          color: labelColor[0],
          shadowBlur: 3,
          shadowColor: hexToRgba(labelColor[0], 0.5),
          shadowOffsetY: 8,
        },
      },
      areaStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(
            0,
            0,
            0,
            1,
            [
              {
                offset: 0,
                color: hexToRgba(labelColor[0], 0.3),
              },
              {
                offset: 1,
                color: hexToRgba(labelColor[0], 0.1),
              },
            ],
            false
          ),
          shadowColor: hexToRgba(labelColor[0], 0.1),
          shadowBlur: 10,
        },
      },
      data: yAxisData1,
    },
    {
      name: "黑臭湖泊数",
      type: "line",
      smooth: true,
      symbolSize: 8,
      zlevel: 3,
      lineStyle: {
        normal: {
          color: labelColor[1],
          shadowBlur: 3,
          shadowColor: hexToRgba(labelColor[1], 0.5),
          shadowOffsetY: 8,
        },
      },
      areaStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(
            0,
            0,
            0,
            1,
            [
              {
                offset: 0,
                color: hexToRgba(labelColor[1], 0.3),
              },
              {
                offset: 1,
                color: hexToRgba(labelColor[1], 0.1),
              },
            ],
            false
          ),
          shadowColor: hexToRgba(labelColor[1], 0.1),
          shadowBlur: 10,
        },
      },
      data: yAxisData2,
    },
    {
      name: "总黑臭水体数",
      type: "line",
      smooth: true,
      symbolSize: 8,
      zlevel: 3,
      lineStyle: {
        normal: {
          color: labelColor[2],
          shadowBlur: 3,
          shadowColor: hexToRgba(labelColor[2], 0.5),
          shadowOffsetY: 8,
        },
      },
      areaStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(
            0,
            0,
            0,
            1,
            [
              {
                offset: 0,
                color: hexToRgba(labelColor[2], 0.3),
              },
              {
                offset: 1,
                color: hexToRgba(labelColor[2], 0.1),
              },
            ],
            false
          ),
          shadowColor: hexToRgba(labelColor[2], 0.1),
          shadowBlur: 10,
        },
      },
      data: yAxisData2,
    },
  ],
};

export const threebaroption = {
  tooltip: {
    trigger: "item",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  grid: {
    left: "2%",
    right: "4%",
    bottom: "0",
    top: "22%",
    containLabel: true,
  },
  title: {
    text: "天元区黑臭水体短期波动",
    left: "center",
    top: "1%",
  },
  legend: {
    right: 10,
    top: "13%",
    data: ["黑臭河道数", "黑臭湖泊数", "总黑臭水体数"],
  },
  xAxis: {
    type: "category",
    data: ["春季", "夏季", "秋季", "冬季"],
    axisLine: {
      lineStyle: {
        color: "#cdd5e2",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#666666",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: "#666666",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
    },
  ],
  series: [
    {
      name: "黑臭河道数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#29acff",
            },
            {
              offset: 1,
              color: "#4bdfff",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [2, 2, 1, 0],
    },
    {
      name: "黑臭湖泊数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#3d93f2",
            },
            {
              offset: 1,
              color: "#5dc1fd",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [2, 3, 1, 0],
    },
    {
      name: "总黑臭水体数",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#01c871",
            },
            {
              offset: 1,
              color: "#55f49c",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [4, 5, 2, 0],
    },
  ],
};

export const shuizhileveloption = {
  color: [
    "#3254DD",
    "#EF7BE3",
    "#22E59C",
    "#F9925A",
    "#22E5E5",
    "#D52E5F",
    "#2579EA",
    "#E3E832",
    "#EA3D19",
  ],
  title: {
    text: "总体水质特征",
    left: "center",
    top: "10"
  },
  tooltip: {
    trigger: "item",
    extraCssText:
      "width: 128px;  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);",
    formatter: function (params) {
      let str =
        (params.data &&
          `<div style="font-weight: bold;">${params.name}</div>
            <div style="display:flex; justify-content: space-between; align-items: center;">
                <span><span style="display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: ${
                  params.color
                }; margin-right: 4px;"></span>占比</span>
                <span>${params.percent}%</span>
            </div>`) ||
        "";
      return str;
    },
  },
  series: [
    {
      type: "pie",
      radius: "65%",
      center: ["50%", "60%"],
      label: {
        normal: {
          formatter: "{xx|{b}：}{c} 个",
          rich: {
            xx: {
              fontSize: 14,
              lineHeight: 32,
            },
          },
        },
      },
      data: [
        { value: 23, name: "Ⅰ类水质" },
        { value: 17, name: " II类水质" },
        { value: 2, name: "Ⅲ类水质" },
        { value: 1, name: "Ⅳ类水质" },
        { value: 0, name: "Ⅴ类水质" },
      ],
      itemStyle: {
        emphasis: {
          // 鼠标经过扇形区域时的阴影效果
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: "rgba(0, 0, 0, 0.5)",
        },
      },
      labelLine: {
        normal: {
          length: 5,
          length2: 20,
          smooth: true,
        },
      },
    },
  ],
};


export const pointOption = {
    title: {
    text: "各站水质达标率情况",
    left: "center",
    top: "0",
  },
  tooltip: {
    trigger: "item",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  grid: {
    left: "4%",
    right: "0%",
    bottom: "0",
    top: "23%",
    containLabel: true,
  },
   legend: {
    data: ["达标率情况"],
    // left: "7%",
    top: "24",
    textStyle: {
      color: "#666666",
    },
  },
  xAxis: {
    type: "category",
    data: ["水质监测站1", "水质监测站2", "水质监测站3", "水质监测站4", "水质监测站5", "水质监测站6", "水质监测站7", "水质监测站8"],
    axisLine: {
      lineStyle: {
        color: "#cdd5e2",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#666666",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#cdd5e2",
        },
      },
      splitLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: "#666666",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#cdd5e2",
        },
      },
    }
  ],
   series: [
    {
      name: "达标率情况",
      type: "bar",
      barWidth: "12px",
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: "#29acff",
            },
            {
              offset: 1,
              color: "#4bdfff",
            },
          ]),
          barBorderRadius: 6,
        },
      },
      data: [98, 95, 89, 85, 92, 94, 93, 87, 89],
    }

  ],
}

export const quesOption = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: 20,
    right: 5,
    top: 20,
    bottom: 16,
  },
  legend: {
    data: ['轻微问题', '一般问题', '较大问题', '重大问题'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
    itemWidth: 6,
    itemHeight: 6
  },
  xAxis: {
    type: 'category',
    data: ['2024/8', '2024/9', '2024/10', '2024/11', '2024/12', '2025/1', '2025/2', '2025/3', '2025/4', '2025/5', '2025/6', '2025/7'],
    axisLabel: {
      margin: 6,
      fontSize: 10,
      textStyle: {
        color: '#fff',
      },
    },
    axisLine: {
      lineStyle: {
        type: 'dashed',
        color: '#fff', // 设置 y 轴线的颜色为红色
      },
    },
    axisTick: {
      show: false,
    },
  },
  yAxis: {
    type: 'value',
    splitLine: {
      // show:false, // 不显示网格线
      lineStyle: {
        type: 'dashed',
        color: '#fff',
      },
    },
    axisLabel: {
      // show: false, // 不显示坐标轴上的文字
      textStyle: {
        color: '#fff',
      },
    },
    // boundaryGap: [0, 0.01],
    // show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
    axisTick: {
      show: false, // 不显示坐标轴刻度线
    },
    axisLine: {
      show: false, // 不显示坐标轴线
    },
  },
  series: [
    {
    name: '轻微问题',
    type: 'bar',
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#F6BD16',
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '一般问题',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5D7092'
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '较大问题',
    type: 'bar',
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5AD8A6',
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '重大问题',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5B8FF9'
    },
    stack: 'a',
    barMaxWidth: "15",
  },
  ],
}

export const quesOption2 = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: 20,
    right: 5,
    top: 40,
    bottom: 16,
  },
  legend: {
    data: ['水体水质', '门口排水', '水面环境', '岸线设施', '杂草清理', '违反行为', '违建', '历史侵占'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
    itemWidth: 6,
    itemHeight: 6
  },
  xAxis: {
    type: 'category',
    data: ['2024/8', '2024/9', '2024/10', '2024/11', '2024/12', '2025/1', '2025/2', '2025/3', '2025/4', '2025/5', '2025/6', '2025/7'],
    axisLabel: {
      margin: 6,
      fontSize: 10,
      textStyle: {
        color: '#fff',
      },
    },
    axisLine: {
      lineStyle: {
        type: 'dashed',
        color: '#fff', // 设置 y 轴线的颜色为红色
      },
    },
    axisTick: {
      show: false,
    },
  },
  yAxis: {
    type: 'value',
    splitLine: {
      // show:false, // 不显示网格线
      lineStyle: {
        type: 'dashed',
        color: '#fff',
      },
    },
    axisLabel: {
      // show: false, // 不显示坐标轴上的文字
      textStyle: {
        color: '#fff',
      },
    },
    // boundaryGap: [0, 0.01],
    // show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
    axisTick: {
      show: false, // 不显示坐标轴刻度线
    },
    axisLine: {
      show: false, // 不显示坐标轴线
    },
  },
  series: [
    {
    name: '历史侵占',
    type: 'bar',
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#FF9845',
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '违建',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#945FB9'
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '违反行为',
    type: 'bar',
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#6DC8EC',
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '杂草清理',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#6F5EF9'
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '岸线设施',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#DAAA19'
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '水面环境',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5D7092'
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '门口排水',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5AD8A6'
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: '水体水质',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5B8FF9'
    },
    stack: 'a',
    barMaxWidth: "15",
  },
  ],
}

export const quesOption3 = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: 20,
    right: 5,
    top: 40,
    bottom: 16,
  },
  legend: {
    data: ['市级', '区级', '街道级', '村级'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
    itemWidth: 6,
    itemHeight: 6
  },
  xAxis: {
    type: 'category',
    data: ['2024/8', '2024/9', '2024/10', '2024/11', '2024/12', '2025/1', '2025/2', '2025/3', '2025/4', '2025/5', '2025/6', '2025/7'],
    axisLabel: {
      margin: 6,
      fontSize: 10,
      textStyle: {
        color: '#fff',
      },
    },
    axisLine: {
      lineStyle: {
        type: 'dashed',
        color: '#fff', // 设置 y 轴线的颜色为红色
      },
    },
    axisTick: {
      show: false,
    },
  },
  yAxis: {
    type: 'value',
    splitLine: {
      // show:false, // 不显示网格线
      lineStyle: {
        type: 'dashed',
        color: '#fff',
      },
    },
    axisLabel: {
      // show: false, // 不显示坐标轴上的文字
      textStyle: {
        color: '#fff',
      },
    },
    // boundaryGap: [0, 0.01],
    // show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
    axisTick: {
      show: false, // 不显示坐标轴刻度线
    },
    axisLine: {
      show: false, // 不显示坐标轴线
    },
  },
  series: [{
    name: '市级',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#945FB9'
    },
    barMaxWidth: "15",
  },{
    name: '区级',
    type: 'bar',
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#6DC8EC',
    },
    barMaxWidth: "15",
  },{
    name: '街道级',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#6F5EF9'
    },
    barMaxWidth: "15",
  },{
    name: '村级',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#DAAA19'
    },
    barMaxWidth: "15",
  },
  ],
}

export const scoreOption = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: 20,
    right: 5,
    top: 20,
    bottom: 16,
  },
  legend: {
    data: ['Ⅰ类', 'Ⅱ类', 'Ⅲ类', 'Ⅳ类', 'Ⅴ类', '劣Ⅴ类'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
    itemWidth: 6,
    itemHeight: 6
  },
  xAxis: {
    type: 'category',
    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
    axisLabel: {
      margin: 6,
      fontSize: 10,
      textStyle: {
        color: '#fff',
      },
    },
    axisLine: {
      lineStyle: {
        type: 'dashed',
        color: '#fff', // 设置 y 轴线的颜色为红色
      },
    },
    axisTick: {
      show: false,
    },
  },
  yAxis: {
    type: 'value',
    splitLine: {
      // show:false, // 不显示网格线
      lineStyle: {
        type: 'dashed',
        color: '#fff',
      },
    },
    axisLabel: {
      // show: false, // 不显示坐标轴上的文字
      textStyle: {
        color: '#fff',
      },
    },
    // boundaryGap: [0, 0.01],
    // show:false, // 不显示坐标轴线、坐标轴刻度线和坐标轴上的文字
    axisTick: {
      show: false, // 不显示坐标轴刻度线
    },
    axisLine: {
      show: false, // 不显示坐标轴线
    },
  },
  series: [
    {
    name: 'Ⅰ类',
    type: 'bar',
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5B8FF9',
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: 'Ⅱ类',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5AD8A6'
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: 'Ⅲ类',
    type: 'bar',
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#5D7092',
    },
    stack: 'a',
    barMaxWidth: "15",
  },{
    name: 'Ⅳ类',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#F6BD16'
    },
    stack: 'a',
    barMaxWidth: "15",
  },,{
    name: 'Ⅴ类',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#6F5EF9'
    },
    stack: 'a',
    barMaxWidth: "15",
  },,{
    name: '劣Ⅴ类',
    type: "bar",
    data: [2, 1, 2, 3, 2, 1, 2, 3, 3, 2, 1, 2],
    itemStyle: {
      color: '#6DC8EC'
    },
    stack: 'a',
    barMaxWidth: "15",
  },
  ],
}

export const quesOption4 = {
  tooltip: {
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  legend: {
    data: ['治理任务数', '完成率'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
    itemWidth: 6,
    itemHeight: 6
  },
  grid: {
    left: 0,
    right: 0,
    top: 20,
    bottom: 0,
    containLabel: true,
  },
  xAxis: {
    type: "category",
    data: ['2024/8', '2024/9', '2024/10', '2024/11', '2024/12', '2025/1', '2025/2', '2025/3', '2025/4', '2025/5', '2025/6', '2025/7'],
    axisLine: {
      lineStyle: {
        color: "#fff",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#fff",
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: true,
      },
      axisLabel: {
        textStyle: {
          color: "#fff",
        },
      },
      axisLine: {
        lineStyle: {
          color: "#fff",
        },
      },
    },
    {
      type: "value",
      splitLine: {
        show: false,
      },
      axisLabel: {
        show: true,
        formatter: "{value}%", //右侧Y轴文字显示
        textStyle: {
          color: "#fff",
        },
      },
    },
  ],
  series: [{
    name: '治理任务数',
    type: "bar",
    data: [12, 9, 8, 5, 3, 4, 6, 5, 3, 4, 2, 2],
    itemStyle: {
      color: '#6F5EF9'
    },
    barMaxWidth: "15",
  },,{
    name: '完成率',
    type: "line",
    yAxisIndex: 1,
    data: [0, 55, 34, 33, 22, 89, 68, 56, 95, 90, 87, 16],
    itemStyle: {
      color: '#6DC8EC'
    },
    barMaxWidth: "15",
  },
  ],
};

export const scoreOption2 = {
  tooltip: {
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  legend: {
    data: ['用水总量', '用水强度'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
    itemWidth: 6,
    itemHeight: 6
  },
  grid: {
    left: 0,
    right: 0,
    top: 20,
    bottom: 0,
    containLabel: true,
  },
  xAxis: {
    type: "category",
    data: ['2021', '2022', '2023', '2024', '2025'],
    axisLine: {
      lineStyle: {
        color: "#fff",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#fff",
          fontSize: 10
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: true,
      },
      axisLabel: {
        formatter: "{value}万吨", //右侧Y轴文字显示
        textStyle: {
          color: "#fff",
          fontSize: 10
        },
      },
      axisLine: {
        lineStyle: {
          color: "#fff",
        },
      },
    },
    {
      type: "value",
      splitLine: {
        show: false,
      },
      axisLabel: {
        show: true,
        formatter: "{value}m³", //右侧Y轴文字显示
        textStyle: {
          color: "#fff",
          fontSize: 10
        },
      },
    },
  ],
  series: [{
    name: '用水总量',
    type: "bar",
    data: [2000, 2119, 2228, 2105, 1993],
    itemStyle: {
      color: '#6F5EF9'
    },
    barMaxWidth: "25",
  },,{
    name: '用水强度',
    type: "line",
    yAxisIndex: 1,
    data: [55, 34, 33, 22, 89],
    itemStyle: {
      color: '#6DC8EC'
    },
  },
  ],
};


export const scoreOption3 = {
  tooltip: {
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  legend: {
    data: ['泄放达标率', '水土保持率'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
  },
  grid: {
    left: 0,
    right: 0,
    top: 20,
    bottom: 0,
    containLabel: true,
  },
  xAxis: {
    type: "category",
    data: ['2024/8', '2024/9', '2024/10', '2024/11', '2024/12', '2025/1', '2025/2', '2025/3', '2025/4', '2025/5', '2025/6', '2025/7'],
    axisLine: {
      lineStyle: {
        color: "#fff",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#fff",
          fontSize: 10
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: true,
      },
      axisLabel: {
        textStyle: {
          color: "#fff",
          fontSize: 10
        },
      },
      axisLine: {
        lineStyle: {
          color: "#fff",
        },
      },
    },
  ],
  series: [{
    name: '泄放达标率',
    type: "line",
    data: [80, 75, 74, 83, 82, 89, 68, 76, 95, 90, 87, 76],
    itemStyle: {
      color: '#6F5EF9'
    },
  },,{
    name: '水土保持率',
    type: "line",
    data: [90, 85, 84, 73, 72, 79, 88, 86, 75, 80, 87, 86],
    itemStyle: {
      color: '#6DC8EC'
    },
  },
  ],
};

export const scoreOption4 = {
  tooltip: {
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  legend: {
    data: ['整改率', '实施率'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
  },
  grid: {
    left: 0,
    right: 0,
    top: 20,
    bottom: 0,
    containLabel: true,
  },
  xAxis: {
    type: "category",
    data: ['2024/8', '2024/9', '2024/10', '2024/11', '2024/12', '2025/1', '2025/2', '2025/3', '2025/4', '2025/5', '2025/6', '2025/7'],
    axisLine: {
      lineStyle: {
        color: "#fff",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#fff",
          fontSize: 10
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: true,
      },
      axisLabel: {
        textStyle: {
          color: "#fff",
          fontSize: 10
        },
      },
      axisLine: {
        lineStyle: {
          color: "#fff",
        },
      },
    },
  ],
  series: [{
    name: '整改率',
    type: "line",
    data: [80, 75, 74, 83, 82, 89, 68, 76, 95, 90, 87, 76],
    itemStyle: {
      color: '#6F5EF9'
    },
  },,{
    name: '实施率',
    type: "line",
    data: [90, 85, 84, 73, 72, 79, 88, 86, 75, 80, 87, 86],
    itemStyle: {
      color: '#6DC8EC'
    },
  },
  ],
};

export const scoreOption5 = {
  tooltip: {
    trigger: "axis",
    axisPointer: {
      // 坐标轴指示器，坐标轴触发有效
      type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
    },
  },
  legend: {
    data: ['可开采量', '已开采量'],
    textStyle: {
      color: '#fff',
      fontSize: 8
    },
    itemWidth: 6,
    itemHeight: 6
  },
  grid: {
    left: 0,
    right: 0,
    top: 20,
    bottom: 0,
    containLabel: true,
  },
  xAxis: {
    type: "category",
    data: ['2024/8', '2024/9', '2024/10', '2024/11', '2024/12', '2025/1', '2025/2', '2025/3', '2025/4', '2025/5', '2025/6', '2025/7'],
    axisLine: {
      lineStyle: {
        color: "#fff",
      },
    },
    axisLabel: {
      textStyle: {
        color: "#fff",
          fontSize: 10
      },
    },
  },

  yAxis: [
    {
      type: "value",
      axisLine: {
        show: false,
        lineStyle: {
          color: "#fff",
        },
      },
      splitLine: {
        show: true,
      },
      axisLabel: {
        textStyle: {
          color: "#fff",
          fontSize: 10
        },
      },
      axisLine: {
        lineStyle: {
          color: "#fff",
        },
      },
    },
  ],
  series: [{
    name: '可开采量',
    type: "bar",
    data: [50, 75, 24, 33, 22, 89, 68, 76, 55, 60, 27, 16],
    itemStyle: {
      color: '#6F5EF9'
    },
    barGap: 0,
  },,{
    name: '已开采量',
    type: "bar",
    data: [30, 45, 64, 73, 72, 39, 18, 26, 35, 30, 87, 56],
    itemStyle: {
      color: '#6DC8EC'
    },
  },
  ],
};